<template>
    <div class="mainbox">
      <el-container class="layout-container-demo" style="height: 100vh">
         <!--侧边栏-->
        <side-bar></side-bar>
         <!--侧边栏-->
        <el-container direction="vertical">
        <!--顶部栏-->
        <top-bar></top-bar>
        <!--顶部栏-->
        <el-scrollbar>
          <el-main>
            <router-view></router-view>
          </el-main>
        </el-scrollbar>
        </el-container>
      </el-container>
    </div>
</template>

<script lang="ts" setup>
import sideBar from "../layouts/sideBar.vue"
import topBar from "../layouts/topBar.vue"
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

.mainbox {
  background: url("../assets/背景图.jpg");
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;
}

    /*.el-aside {*/
    /*    background-color: slategrey;*/
    /*}*/

</style>
